<template>
  <div v-transfer-dom v-show="$store.state.dialogs.alert.show">
    <alert v-model="$store.state.dialogs.alert.show" :title="$store.state.dialogs.alert.title" :content="$store.state.dialogs.alert.content" @on-hide="hidethis"></alert>
  </div>
</template>
<script>
import { AlertModule,Alert, TransferDomDirective as TransferDom } from "vux";
export default {
  directives: {
    TransferDom
  },
  components: { Alert },
  name: "",
  data() {
    return {};
  },
  methods: {
    hidethis(){
      if(this.$store.state.dialogs.alert.OK){
        this.$store.state.dialogs.alert.OK()
      }
    }
  },
  created() {
    
  }
};
</script>
<style lang="scss" scoped>
.alert {
}
</style>